<template>
	<div class="preSettle">
		<div class="top">
			<p>提前结算</p>
			<el-breadcrumb separator-class="el-icon-arrow-right">
				<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
				<el-breadcrumb-item :to="{ path: '/home/fundmanage' }">资金管理</el-breadcrumb-item>
				<el-breadcrumb-item :to="{ path: '/home/fundmanage/presettle' }">提前结算</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="mid">
			<el-form ref="form" :model="form" label-width="160px">
				<el-form-item label="商户号：">
					<p>9226500256999999</p>
				</el-form-item>
				<el-form-item label="选择提前结算账户：">
					<el-select v-model="form.region" placeholder="选择提前结算账户">
						<el-option label="付款专户" value="付款专户"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="币种：">
					<p>人民币</p>
				</el-form-item>
				<el-form-item label="账户可提前结算金额：">
					<p>969.11 <span style="color: #999999;font-size: 12px;">注：只支持全额提前结算</span></p>
				</el-form-item>
				<el-form-item label="提前结算银行：">
					<el-select v-model="form.resource" placeholder="提前结算银行">
						<el-option style="background: url(../../../assets/images/sprite-bank-all.png) no-repeat 0 -220px/50px 20px ;color: red;" label="尾号6501 储蓄卡" value="付款专户"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="手续费：">
					<p>0</p>
				</el-form-item>
				<el-form-item label="说明：">
					<el-col :span="4">
						<el-input type="text" v-model="form.desc" placeholder="选填"></el-input>
					</el-col>
				</el-form-item>
				<el-form-item>
					<el-button type="primary">提前结算申请</el-button>
				</el-form-item>
			</el-form>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					region: '',
					date1: '',
					date2: '',
					delivery: false,
					type: [],
					resource: '',
					desc: '',
					num: ''
				}
			}
		},
		methods: {
			onSubmit() {
				console.log('submit!');
			}
		}
	}
</script>

<style lang="less">
	.preSettle {
		width: 100%;
		padding-right: 20px;


		.top {
			width: 100%;
			height: 60px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #dddddd;
		}

		.top>p {
			border-left: 1px solid #0075d2;
			padding-left: 8px;
		}

		.mid {
			width: 100%;
			margin-top: 50px;
		}
	}
</style>
